<template>
<h2>会员权益录入</h2><br>
<table class="table-bordered" border="1">
    <tr>
        <td>会员权益名称</td>
        <td>
            <input type="text" placeholder="请输入会员权益名称" v-model="Info.MR_Name"/>
        </td>
    </tr>
    <tr>
        <td>权益说明</td>
        <td>
            <textarea cols="30" rows="5" placeholder="请输入会员权益说明" v-model="Info.MR_Info"></textarea>
        </td>
    </tr>
    <tr>
        <td>是否自定义</td>
        <td>
            <input type="radio" value="true" v-model="Info.MR_IsCustom">是
            <input type="radio" value="false" v-model="Info.MR_IsCustom">否
        </td>
    </tr>
    <tr>
        <td>权益类型</td>
        <td>
            <select v-model="Info.MR_RuleType">
                <option :value="-1">--请选择--</option>
                <option :value="0">折扣</option>
                <option :value="1">延时</option>
                <option :value="2">餐饮</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>权益规则</td>
        <td>
            <textarea cols="30" rows="5" placeholder="请输入会员权益说明" v-model="Info.MR_Rule"></textarea>
        </td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">
            <input type="button" value="保存" class="btn btn-success"  @click="SaveDate"/>
            <input type="button" value="返回权益列表" class="btn btn-success"  @click="RightDate"/>
        </td>
    </tr>
</table>

</template>

<script setup lang="ts">
import axios from 'axios';
import {ref} from 'vue';
import {useRouter} from 'vue-router';

const router=useRouter();
//声明响应式数据
const Info=ref({
    MR_Name:"",
    MR_Info:"",
    MR_IsCustom:true,
    MR_RuleType:-1,
    MR_Rule:"",
})
//权益列表
const RightDate=()=>{
    router.push("/ShowMemberRights");
}
//保存方法
const SaveDate=()=>{
    //验证 权益名称不能为空
    if(Info.value.MR_Name==""){
        alert('权益名称不能为空')
        return;
    }
    //验证 权益名称必须为中文,最多输入10个字符
    var reg=/[\u4e00-\u9fa5]/;
    if(!reg.test(Info.value.MR_Name)){
        alert('权益名称必须为中文');
        return;
    }
    //验证 权益描述内容必须大于5个字符
    if(Info.value.MR_Info.length<5){
        alert('权益描述内容必须大于5个字符')
        return;
    }

    //验证 请选择权益类型
    if(Info.value.MR_RuleType==-1){
        alert('请选择权益类型')
        return;
    }
    axios.post("https://localhost:7035/api/Member/AddRights",Info.value)
    .then(res=>{
        if(res.data>0){
            alert("会员权益添加成功")
            router.push("/ShowMemberRights");
            RightDate();
        }else
        if(res.data==-1){
            alert('会员权益已存在,请重新录入')
        }else{
            alert("会员权益添加失败")
        }
    })
    .catch(error=>{
        console.log(error)
    })
}

</script>